<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>科技项目申报系统首页</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/easyui.css"/>
	<style>
		body{
			background-color: #f1f1f1;
		}
		.lightBg{
			background-color: #fff;
			padding: 10px 20px;
		}
		.infoDiv{
			color:orange;
		}
		.infoDiv p{
			margin-bottom: 5px;
		}
		.loginDiv{
			height:240px;
			background-image: url("images/banner_left.jpg");
			background-position: left;
		}
		.loginDiv .loginFormDiv{
			height:240px;
			width: 280px;
			background-color: #a6e1ec;
			padding-top: 30px;
			padding-left: 10px;
			padding-right: 10px;
		}
		.banshitongdao{
			background-color: #fff;
		}
		.newsDiv{
			margin-top: 20px;
			background-color: #fff;
		}
		.contentDiv{
			padding-left: 10px;
			padding-right: 10px;
			background-color: #fff;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="row lightBg">
			<!--标题-->
			<h2 class="pull-left"><img src="images/logo.png" style="width: 80px;"> 智游科技项目申报系统</h2>
			<p class="pull-right" style="margin-top: 20px;"><button class="btn btn-warning">常见问题</button></p>
		</div>
		<div class="infoDiv">
			<!--提示信息-->
			<p><strong> 系统推荐：</strong>推荐使用火狐浏览器，邮箱推荐使用126、163、qq邮箱。</p>
			<p><strong>xxx科技项目申报系统官方QQ群：</strong>xxxxxxxx</p>
			<p><strong>温馨提示：</strong> 申报用户如有疑问可电话、QQ群、微信、现场等方式进行咨询。因近期申报期临近，咨询电话十分繁忙，如有占线，烦请加入申报系统官方QQ群，关注“成都科技服务”微信公众号（cdskjj），业务及技术老师将进行答疑</p></p>
		</div>
		<div class="loginDiv">
			<!--登录div-->
			<div class="loginFormDiv pull-right">
				<form>
					<h3>系统登录</h3>
					<div class="row"><div class="col-xs-4">用户名：</div><div class="col-xs-8"><input type="text"></div></div>
					<br>
					<div class="row"><div class="col-xs-4">密码：</div><div class="col-xs-8"><input type="password"></div> </div>
					<br>
					<div class="row text-center"><button class="btn btn-primary">登录</button>&nbsp;<a href="regist.html" class="btn btn-primary">注册</a> </div>
					<div class="row text-center">
						<a href="#">忘记密码</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">联系我们</a>
					</div>
				</form>
			</div>
		</div>
		<div class="banshitongdao">
			<!--办事通道-->
			<h3>办事通道</h3>
			<div id="tt" class="easyui-tabs">
				<div title="项目负责人" style="padding:10px">
					<p>▶填写申报书——▶填写合同书——▶申请项目变更——▶填写执行报告——▶填写验收书</p>
					<p style="font-size: 9px;">备注仅做示例，不添加功能操作</p>
				</div>
				<div title="项目申报单位" style="padding:10px">
					<p>▶申报书审核——▶合同书审核——▶项目变更审核——▶执行报告审核——▶验收书审核——▶负责人管理</p>
					<p style="font-size: 9px;">备注仅做示例，不添加功能操作</p>
				</div>
				<div title="政务窗口" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
					<p>▶申报书受理——▶合同书受理——▶申报单位审核——▶拨款收据受理</p>
					<p style="font-size: 9px;">备注仅做示例，不添加功能操作</p>
				</div>
			</div>
		</div>
		<div class=" newsDiv">
			<!--公告信息等管理-->
			<div class="col-xs-6">
				<div style="height: 20px;">
					<h4 class="pull-left"><strong>通知通告</strong></h4>
					<a href="notices.html" class="pull-right" style="margin-top: 10px;">更多&gt;&gt;&gt;</a>
				</div>
				<div class="clearfix"></div>
				<div class="contentDiv">
				<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
				<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
				<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
				<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
				<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>

				</div>
			</div>
			<div class="col-xs-6">
				<div style="height: 20px;">
					<h4 class="pull-left text-warning"><strong>重要提示</strong></h4>
					<a href="notices.html" class="pull-right" style="margin-top: 10px;">更多&gt;&gt;&gt;</a>
				</div>
				<div class="clearfix"></div>
				<div class="contentDiv">
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>

				</div>
			</div>
			<div class="col-xs-6">
				<div style="height: 20px;">
					<h4 class="pull-left"><strong>公示公告</strong></h4>
					<a href="notices.html" class="pull-right" style="margin-top: 10px;">更多&gt;&gt;&gt;</a>
				</div>
				<div class="clearfix"></div>
				<div class="contentDiv">
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>

				</div>
			</div>
			<div class="col-xs-6">
				<div style="height: 20px;">
					<h4 class="pull-left text-warning"><strong>政策文件</strong></h4>
					<a href="notices.html" class="pull-right" style="margin-top: 10px;">更多&gt;&gt;&gt;</a>
				</div>
				<div class="clearfix"></div>
				<div class="contentDiv">
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>
					<div class="row"><a href="">成都市科学技术局 关于征集2018年成都</a><span style="width: 80px;" class="pull-right">2018-05-01</span></div>

				</div>
			</div>
		</div>
		<div class="clearfix"></div>
		<footer style="margin-top:40px;">
		<p class="text-center">版权归智游教育所有</p>
	</footer>

	</div>

	<script src="js/jquery1.12.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		$(function(){
			var tabs = $('#tt').tabs().tabs('tabs');
			for(var i=0; i<tabs.length; i++){
				tabs[i].panel('options').tab.unbind().bind('mouseenter',{index:i},function(e){
					$('#tt').tabs('select', e.data.index);
				});
			}
		});
	</script>
</body>
</html>